page,.container{
	height: 100%;
	.container{
		padding: 40rpx 24rpx 0rpx;
	}
	
	.title{
		margin-bottom: 32rpx;
		padding-left:24rpx;
		font-size: 24rpx;
		border-left: 6rpx solid $themLight;
	}
	.balanceBanner{
		height: 160rpx;
		background-image: url(../static/images/icon-balance-recharge-bg.png);
		background-size: 100% 160rpx;
		background-repeat: no-repeat;
		padding: 0 30rpx;
		@extend %flexBetw;
		margin-bottom: 40rpx;
		.bannerLeft{
			@extend %flexVcenter;
			.bannerImg{
				height: 72rpx;
				width: 72rpx;
			}
			.balance{
				margin-left: 24rpx;
				font-size: 42rpx;
			}
		}
		.bannerRight{
			font-size: 52rpx;
		}
	}
	.content-footer {
		padding-bottom: 50rpx;
	}
	.payBtn{
		margin: 20rpx 0 0rpx;
		// margin-bottom: 60rpx;
		@include  textCenter(80rpx);
		border-radius: 40rpx;
		color: #d829a0;
		font-weight: bold;
		letter-spacing: 0.2em;
		font-size: 36rpx;
		background-color: #f7def4;
	}
	.trunoveritem{
		padding: 20rpx;
		border-top: 2rpx solid #ccc;
		@extend %flexBetw;
		
		.item_left{
			@extend %flexBetw;
			align-items: flex-start;
			flex-direction: column;
			height: 80rpx;
			font-size: 26rpx;
			
			.trunovertime{
				color: #acacac;
			}
		}
		.item_right{
			font-weight: bold;
			font-size: 48rpx;

		}
	}
	.timmerChoose{
		width: 350rpx;
		height: 80rpx;
		padding: 0 80rpx 60rpx;
		margin: 0 auto;
		@extend %flexBetw;
		
		.timeItem{
			padding: 15rpx 26rpx;
			font-size: 26rpx;
			border-radius: 42rpx;
		}
		
		.itemActive{
			border: 2rpx solid $themColor;
			color: $themColor;
		}
		.unActive{
			border: 2rpx solid #ccc;
			color: #ccc;
		}
	}
	.account{
		@extend %flexWrap;
		padding: 40rpx 24rpx;
		font-size: 26rpx;
		.gridItem{
			margin: 5rpx 16rpx 15rpx 0;
			padding: 10rpx 15rpx;
			@extend %flexAlCenter;
			.gridInner{
				padding: 0 0.6em;
				border-radius: 10rpx;
				.score{
					font-size: $uni-font-size-lg;
					@include  textCenter(60rpx);
				}
				.ticket{
					font-size: $uni-font-size-sm;
					@include  textCenter(40rpx);
				}
				.activeBo{
					border-bottom: 2rpx dashed #ef2db2;
				}
				.unActiveBo{
					border-bottom: 2rpx solid #9e9e9e;
				}
			}
			.innerAcctive{
				border: 2rpx solid #ccc;
			}
			.unAcctive{
				border: dashed 2rpx #ef2db2;
				color: #d829a0;
			}
		}
		
	}
}